<template>
  <div id="app">
    <!-- <img src="./assets/logo.png">
    <div>
      <el-button @click="startHacking">Start</el-button>
    </div> -->

<el-container>
  <el-header>
    学生信息管理系统
  </el-header>
  <el-container>
    <el-aside width="200px">
      <div>
      <a href="/findall">查询所有</a>
      <a href="/findone">查询单个</a>
        <a href="/login">登录</a>
          <!-- <el-button href="/findall">查询所有</el-button>
            <el-button href="/findone">查询单个</el-button>
              <el-button href="/login">登录</el-button> -->
      </div>
      </el-aside>
    <el-container>
      <el-main>
       <keep-alive>
         <router-view></router-view>
       </keep-alive>
      </el-main>
      <el-footer>&copy; Applicationsky Corp.</el-footer>
    </el-container>
  </el-container>
</el-container>

  </div>
</template>

<script>
export default {
  methods: {
    startHacking () {
      this.$notify({
        title: 'It works!',
        type: 'success',
        message: 'We\'ve laid the ground work for you. It\'s time for you to build something epic!',
        duration: 5000
      })
    }
  }
}
</script>

<style>
.el-container{
  background-color: #EDF2FC
}

.el-aside{
  background-color: #D8DCE5;
  text-align: center;
  line-height: 400px;
}

.el-main{
  background-color: #DFE4ED
}

.el-footer{
  background-color: #E6EBF5;
  text-align: center;
    line-height: 60px;
}
.el-header{
  background-color:  #E6EBF5;
  text-align: center;
    line-height: 60px;
}
</style>
